<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@include file="top.jsp" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>凯盛项目管理系统</title>
	<link rel="stylesheet" type="text/css" href="static/css/bootstrap.min.css"/>
	
	
	<style type="text/css">
		.body{
			padding-top:60px;
		
		}
		.right{
			float:right;
		}
		
	</style>
</head>
<body class="body">
	
	<div class="container">
		<div class="row">
			
		 <!-- 导入左侧部分 -->
		<jsp:include page="side.jsp">
			<jsp:param value="new" name="tag"/>
		</jsp:include>
			
		<div class="span6">
			<ul class="breadcrumb" style="margin-bottom:0px; border-radius:3px 3px 0 0;">
				<li class="active"><i class="icon-th"></i>你在想什么？</li>
			</ul>
			<div class="well" style="background-color:#FFF;border-color:#DDDDDD;">
				<form style="margin:0px" action="message.jspx?m=save" method="post">
					<textarea style="width:415px" rows="3" name="content"></textarea>
					<button class="btn btn-primary">发布</button>
				</form> 
			</div>
			<ul class="nav nav-tabs" id="myTab" >
			 	<li class="active"><a href="#home" data-toggle="tab" ><i class="icon-th"></i>信息流</a></li>
				 <li><a href="#profile" data-toggle="tab" >@我的</a></li>
			</ul>
			
			<div id="myTabContent" class="tab-content">
				  <div class="tab-pane active" id="home"> 
					  	<c:if test="${empty messageList }">
							本项目还没有任何信息发布！
						</c:if>
						<c:forEach items="${messageList }" var="m">
							<img src="user.jspx?m=show&img=${m.user.pic}" style="width:50px;hight:30px" /> &nbsp; ${m.user.name}&nbsp;:&nbsp;${m.content}<br/>
							<span class="right">${m.stringtime}</span> 
											<hr/>
						</c:forEach>    
				</div>
				<div class="tab-pane fade" id="profile"> 
					<c:if test="${empty atmessageList }">
							本项目还没有@我的信息！
					</c:if>  
					 <c:forEach items="${atmessageList }" var="m">
							<img src="user.jspx?m=show&img=${m.user.pic}" style="width:50px;hight:30px" /> &nbsp; ${m.user.name}&nbsp;:&nbsp;${m.content}<br/>
							<span class="right">${m.createtime}</span> 
											<hr/>
						</c:forEach>  
			<div id="myTabContent" class="tab-content">
				  <div class="tab-pane active" id="home"> 
					  	<c:if test="${empty messageList }">
							本项目还没有任何信息发布！
						</c:if>
						<c:forEach items="${messageList }" var="m">
							<img src="user.jspx?m=show&img=${m.user.pic}" style="width:50px;hight:30px" /> &nbsp; ${m.user.name}&nbsp;:&nbsp;${m.content}<br/>
							<span class="right">${m.createtime}</span> 
											<hr/>
						</c:forEach>    
				</div>
				<div class="tab-pane fade" id="profile"> 
					<c:if test="${empty atmessageList }">
							本项目还没有@我的信息！
					</c:if>  
					 <c:forEach items="${atmessageList }" var="m">
							<img src="user.jspx?m=show&img=${m.user.pic}" style="width:50px;hight:30px" /> &nbsp; ${m.user.name}&nbsp;:&nbsp;${m.content}<br/>
							<span class="right">${m.createtime}</span> 
											<hr/>
						</c:forEach>  
				
				</div>
			</div>
	</div>
		
		<div class="span3">
			<div class="box" style="border: 1px solid #DDDDDD;padding: 5px;">
				<div class="head" style="border-bottom: 1px solid #DDDDDD;">我的任务</div> 
				<ul>
					<li><a href=""></a>任务1</li>
					<li><a href=""></a>任务1</li>
					<li><a href=""></a>任务1</li>
				</ul>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript" src="static/js/jquery.js" ></script>
<script type="text/javascript" src="static/js/bootstrap-tab.js" ></script>

<script type="text/javascript">
	$('#myTab a').click(function (e) {
  	e.preventDefault();
  	$(this).tab('show');
})

</script>

</body>
</html>